.graph-analysis {
  background-color: #fafafc;
  width: 50%;
}

.model-analysis-root {
  height: 100%;
  width: 100%;
}

.analysis-graph-content {
  background-color: #fafafc;
  height: calc(100% - 38px);
  overflow: hidden;
  position: relative;

  // query-loading
  .query-loading {
    align-items: center;
    background-color: rgba(87, 96, 230, 0.1);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 101;

    .spin-content {
      padding: 30px;
    }
  }
}

/deep/.g6-component-contextmenu {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.18) 0 2px 8px;
  padding: 5px 0;

  .node-edge-menu {
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    user-select: none;

    // 一级 menu title (li)
    .sub-menu-item {
      color: #5d637e;
      cursor: pointer;
      font-size: 14px;
      font-weight: 400;
      height: 22px;
      letter-spacing: 1px;
      line-height: 22px;
      min-width: 70px;
      padding: 0 12px;
      position: relative;
      user-select: none;

      &:hover {
        background-color: rgba(239, 240, 254, 1);
      }
    }
    // 节点 menu 第一个 切换标签 分割线
    .first-divider {
      border-bottom: 1px solid #efefef;
      height: 1px;
      margin: 3px auto;
      width: calc(100% - 10px);
    }
  }
}

/deep/.g6-component-tooltip {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  box-shadow: rgba(88, 98, 230, 0.2) 0 0 4px;
  color: #545454;
  font-size: 12px;
  padding: 10px 8px;
  user-select: none;

  // 节点 tooltip
  .tooltip-section {
    max-width: 250px;
    min-width: 60px;

    .tooltip-title {
      border-bottom: 1px solid #d9d9d9;
      color: #5d637e;
      font-size: 12px;
      font-weight: 400;
      height: 23px;
      letter-spacing: 1px;
      line-height: 17px;
      margin-bottom: 6px;
      padding-bottom: 6px;
      width: 100%;
    }

    .attr-key-value {
      display: inline-block;
      height: 17px;
      line-height: 17px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%;
    }

  }
}


